Transcript icf_HTML_01
Hypertext Markup Language
HTML
OBJETIVOS
• Conocer los fundamentos de HTML • Escribir HTML usando un editor sencillo • Escribir HTML usando otra herramienta • Conocer las marcas HTML • Visualizar el HTML en un navegador
HTML
HTML es un lenguaje de marcas, sencillo, pensado para el intercambio de información en la WWW. Se trata de una "Definición de Tipo de Documento (DTD)" SGML (Standard Generalised Markup Language) que contiene un juego de marcas con las que se identifican gran parte de los elementos que se encuentran en los documentos electrónicos típicos.
Archivo HTML básico
Elementos
• Etiquetas
• Pares de etiquetas
Estructura básica
Código de la página
Estructura General
.... el texto del documento con marcas....
Cabecera Cuerpo
Reglas Generales
• Los documentos son estructurados • Nombres de elementos o atributos no sensibles a mayúsculas • Valores de atributos pueden ser sensibles a mayúsculas • Nombres de elementos no pueden contener espacios • Usar comillas para valores de atributos • El browser destruye e ignora caracteres de espacio • No es un WYSIWYG
Reglas Generales
• Puede contener comentarios • Anidamiento estricto (bien formado) • Ignora elementos desconocidos • Ignora atributos desconocidos • Los browsers suelen ser permisivos
Herramientas para escribir HTML
• Conversores: son programas con otra función que la de la programación Web pero que permiten convertir a HTML Son ejemplos de conversores Microsoft Word ™,Quark XPress™ y PageMaker™
Herramientas para escribir HTML
• Asistentes: ayudan a crear el código HTML e incluyen plantillas de código prefabricadas, por ejemplo: HotDog™ (Win), HomeSite™(Win),HTML Editor™ (Mac), Quanta™ (Linux, KDE) o Bluefish™ (Linux, GNOME).
Herramientas para escribir HTML
• Editores WYSIWYG (What You See Is What You Get, lo que ves es lo que obtienes): estos editores permiten crear páginas web sin escribir código HTML como si se tratase de un programa de dibujo por ordenador. Algunos ejemplos de este tipo de editores son Macromedia Dreamweaver™, HotMetal™ o Microsoft Frontpage™
Elemento HTML
Nombre de La Etiqueta Nombre del atributo Valor del atributo Etiqueta Final
Encabezado de Ejemplo
Atributo Etiqueta de Inicio Contenido Elemento HTML
Documento HTML con cabecera
Elementos de la cabecera
... Resto de código de la página ...
Documento HTML con título
Documento HTML con contenido
Documento HTML con encabezados
Encabezado 1
Encabezado 2
Encabezado 3
Encabezado 4
Encabezado 5
Encabezado 6
Uso de etiquetas HTML
•
Dibujo de líneas horizontales •
Escritura de contenido sin tener en cuenta espacios en blanco • •
Escritura de párrafos • Comentarios
Presentación de texto en HTML
• Alineamiento align "center", "left" y "right" • Espaciado
• Tipo de letra , , , , , , , , , , , , , , ,
• Tamaño de letra • Color de letra
Presentación de texto en HTML
• Escritura de caracteres del alfabeto español á, é, í, ó, ú, ñ Á, É, Í, Ó, Ú, Ñ • Escritura de caracteres especiales <, >, &, " nnn;
Presentación de texto en HTML
• Listas – Numerada u ordenada
- – No ordenada
- – Listas de glosario o de definición
- – Menús
- – Listas de glosario o de definición